html, body {
    width: 100%;
    height: 100%;
    font-family: 'microsoft yahei ui', 'microsoft yahei', PingFangSC-Light, 'helvetica neue', 'hiragino sans gb', arial, simsun, sans-serif,'微软雅黑'
}

body {
    font-size:12px;
    line-height: 1;
    color: #333333;
    background-color: #f4f4f4;
    margin: 0;
    padding: 0;
}



.content {
    width: 1180px;
    margin: 0 auto;
    min-height: 60px;
    position: relative;
}

.bottom-container {
    background:rgba(26,26,26,1);
    position: relative;
}
.bottom-container-list {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.bottom-container-list li{
    list-style-type: none;
    float: left;
    font-size:16px;
    font-family:MicrosoftYaHei-Bold;
    color:rgba(255,255,255,1);
    line-height:36px;
    margin-right: 99px;
}
.bottom-container-list li a{
    color:rgba(255,255,255,1);
}
a{
    color: #222;
}
.bottom-container-list li:last-child{
         margin-right: 0px;
     }
.nav-list {
    list-style: none;
    float: left;
    margin: 0px;
    padding: 0px;

}

.nav-list li {
    float: left;
    list-style-type: none;
    padding: 0 20px;
    height: 60px;
    line-height: 60px;
    font-size: 14px;

}
.nav-list li .active{
    font-size: 16px;
    font-weight: bold;
}
.nav-list li a {
    color: #222222;
}.content .logo {
     display: inline-block;
     vertical-align: middle;
     padding: 15px 0px;
     position: absolute;
     left: 0px;
     top: 0px;

 }

a {
    text-decoration: none;
}

.imageadd {
    position: absolute;
    right: 0px;
    height: 60px;
    line-height: 60px;
    top: 0px;
    font-size: 14px;
}
.imageadd img{
    margin-left: 10px;
}
.imageaddlogo {
    margin-left: 5px;
    width: 30px;
    height: 30px;
    margin-top: 15px;
    float: right;

}

.content .logo img {
    width: 118px;
    height: 30px;
    display: inline-block;
}

.nav-list-div {
    width: 482px;
    margin: 0 auto;
    overflow: hidden;
}
.content-case {
    position: absolute;top: 0px;left: 50%;
    margin-left: -590px;
}



.foucs-wx {

    font-size:14px;
    font-family:MicrosoftYaHei;
    color:rgba(255,255,255,1);text-align: center;margin-top: 15px;
}

.wx-code {
    width: 116px;position: absolute;top: 23px;right: 0px
}

.mark-no {
    position: relative;
    font-size:14px;
    font-family:SourceHanSansCN-Normal;
    color:rgba(255,255,255,1);margin: 0 auto;margin-top: 39px;text-align: center;
}

.bottom-line {
    height: 1px;background-color: #fff;margin-top: 30px
}

.connect-my {
    width:100px;
    height:24px;
    background:rgba(44,101,195,1);
    border-radius:2px;
    font-size:14px;
    font-family:MicrosoftYaHeiLight;
    color:rgba(255,255,255,1);position: absolute;right: 0;top: 20px;text-align: center;line-height: 24px;
}

.slogan {
    width:208px;height: 60px;line-height: 60px;
    font-size:16px;
    font-family:MicrosoftYaHei;
    color:rgba(20,20,20,1);

}

.connect-my-content {
    height: 60px;background-color: #fff;position: relative;
}

.bottom-container-pl {
    width:882px;position:relative;overflow: hidden;padding-top: 58px
}


.v-head-img-head {
    height: 300px;
}
.product-item-name {
    font-size:18px;
    font-family:MicrosoftYaHei-Bold;
    color:rgba(34,34,34,1);
    line-height:36px;margin-top: 20px;font-weight: bold
}

.parameter-dru {
    padding-right: 30px;word-break: break-all;
    font-size:14px;
    font-family:MicrosoftYaHei;
    color:rgba(34,34,34,1);
    line-height:36px;
    margin-top: 34px;
}
@media only screen and (max-width: 1200px) {
    .content{
        width:900px;
    }
    .hoser {
        margin-top: 140px;
    }
    .content-case{
        margin-left: -450px;
    }
	

    .v-hero .more{
        bottom: 60px;
    }
    .logolist{
        height: 180px;
    }
    .login-list img{
        width: 100%;
        height: auto;
    }

    .v-head-img-head{
        height: 240px;
    }
    .parameter-dru{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp:4;
        -webkit-box-orient: vertical;
        margin-top: 10px;
    }
    .product-item-name{
        margin-top: 10px;
    }
}



@media (max-width: 767px) {
    body {
    }

  
    .v-head-img-head{
        height: 200px;
        background-size: cover;
    }
  

    .content {
        width: auto;
    }

    .v-hero .more {
        bottom: 60px;
    }
    .hoser {
        margin-top: 50px;
    }
    .content-case{
        margin-left: -350px;
    }
    .new-case-title{
        margin-top: 30px;
    }
    .bottom-container-pl{
        width:200px;
    }
    .bottom-container{
        height: auto;
    }
    .v-head-img{
        background-size: cover;
    }
    .parameter-dru{

        -webkit-line-clamp:3;
    }
}


@media only screen and (max-width: 600px) {
 

    .v-hero .more {
        bottom: 30px;
    }
    .v-head-img-head{
        height: 160px;

    }

    .v-head-img{
        background-size: cover;
    }
    .content {
        width:500px;
    }
    .content-case{
        margin-left: -250px;
    }
    .new-case-title{
        margin-top: 0px;
    }
    .new-case-text{
        margin-top: 0px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .bottom-container-pl{
        width: 200px;
    }
    .bottom-container{
        height: auto;
    }
    .parameter-dru{
        font-size: 14px;
        line-height: 20px;
    }

    .product-item-name{
        margin-top: 0px;
        font-size: 14px;
        line-height: 20px;
    }
}

.v-head-img {
    height: 100%;
    width: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 1920px 300px;
    position: relative;
}
.p_markconetnt{
    width: 240px;margin: 0 auto
}
.p_mark {
    float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#fff;font-size: 14px
}